<html>
  <head>
    <title>This is my first page</title>
    <link href="css/site.css" rel="stylesheet">
    <script src="js/register.js" type="text/javascript">
    </script>
  </head>
  <body>
  <form onSubmit="return validate(this);" name="register">
  <input type="hidden" name="hiddenGender" id="hiddenGenderId" />
      <table border="0" cellspacing="0" align="center" width="80%">
        <thead>
          <tr>
            <th colspan="2">Please fill he details below</th>
          </tr>
        </thead>
        <tbody>
          <tr>
            <td width="40%" align="right">Name :</td>
            <td>
 <input type="text" name="uname" 
 value="" placeholder="My Name is.."/></td>
          </tr>

          <tr>
            <td align="right">Email :</td>
            <td>
 <input type="email" name="email" 
 placeholder="example@example.com"/></td>
          </tr>

          <tr>
            <td align="right">Password :</td>
            <td>
 <input type="password"  title="My Password is.."
 placeholder="My Password is.." /></td>
          </tr>

          <tr>
            <td align="right">Confirm Password :</td>
            <td><input type="password"  placeholder="My Confirm Pass is.."/></td>
          </tr>

          <tr>
            <td align="right">Date Of Birth :</td>
            <td><input type="date" placeholder="YYYY/MM/DD"/></td>
          </tr>

          <tr>
            <td align="right">Address :</td>
            <td><textarea placeholder="My Address is.."></textarea></td>
          </tr>

          <tr>
            <td align="right">Country :</td>
            <td>
              <select name="country">
                <option value="">-Select-</option>
                <option value="in">India</option>
                <option value="pk">Pakistan</option>
                <option value="np">Nepal</option>
              </select>
            </td>
          </tr>

          <tr>
            <td align="right">Gender :</td>
            <td>
              <label><input type="radio" onClick="document.register.hiddenGender.value='male'" name="gender"/>Male</label>
              <label><input type="radio" onClick="document.register.hiddenGender.value='female'"  name="gender"/>Female</label>
            </td>
          </tr>


          <tr>
            <td align="right">Language :</td>
            <td>
              <select multiple>
                <option>C</option>
                <option>C++</option>
                <option>PHP</option>
                <option>.Net</option>
              </select>
            </td>
          </tr>

          <tr>
            <td align="right">Hobbies :</td>
            <td>
              <label><input type="checkbox" name="hobbies[]"/>Cricket</label>
              <label><input type="checkbox" name="hobbies[]"/>Football</label>
              <label><input type="checkbox" name="hobbies[]"/>Hockey</label>
              <label><input type="checkbox" name="hobbies[]"/>Others</label>
            </td>
          </tr>

          <tr>
            <td align="right">Avatar :</td>
            <td><input type="file"/></td>
          </tr>

          <tr>
            <td align="right">&nbsp;</td>
            <td><input value="I am done!!" 
             type="submit"/></td>
          </tr>

        </tbody>
      </table>
    </form>
  </body>
</html>
